<template>
  <div class="main">
      <h2>内容</h2>
      <h3>{{hiit}}:{{content}}</h3>
      <p>{{name}}</p>
      <p><button @click="fadeWay">点击出现</button></p>
      <p><button @click="changes">点击改变</button></p>
  </div>
</template>

<script>
export default {
    props:{
        hiit:String,
        content:{
            type:String,
            default:"是的放假开始的"
        },
        name:String
    },
    methods:{
        fadeWay(){
            this.$emit("clickFade","这是一个神奇的购物车  ---  有你想要的一切");
        },
        changes(){
            this.$emit("update:name","小姐姐")
        }
    }
}
</script>

<style>

</style>